<template>
  <div class="scroll-y">


    <issue-update style="padding-bottom: 10px"  issueStatus="Approved" issueKey="ZOOM-631714"></issue-update>

    <issue-update style="padding-bottom: 10px"   issueStatus="Task - ZOOM-493796" issueKey="ZOOM-493796"></issue-update>

    <issue-update style="padding-bottom: 10px"   issueStatus="Bug - ZOOM-645004" issueKey="ZOOM-645004"></issue-update>

    <issue-update-v2  style="padding-bottom: 10px"  issueStatus="Bug - ZOOM-645004" issueKey="ZOOM-645004"></issue-update-v2>


  </div>

</template>
<script setup lang="ts">
import { ref } from 'vue'
import { useRoute } from 'vue-router'
import { useConfigStore } from '@/store/config'
import IssueUpdate from '@/views/jiraCompontent/issueUpdate.vue'
import IssueUpdateV2 from '@/views/jiraCompontent/issue-update-v2.vue'

interface User {
  date: string
  name: string
  address: string
}

const tableRowClassName = ({
                             row,
                             rowIndex
                           }: {
  row: User
  rowIndex: number
}) => {
  if (rowIndex === 1) {
    return 'warning-row'
  } else if (rowIndex === 3) {
    return 'success-row'
  }
  return ''
}

const tableData: User[] = [
  {
    date: '2016-05-03',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles'
  },
  {
    date: '2016-05-02',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles'
  },
  {
    date: '2016-05-04',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles'
  }
]

const { setTheme, theme, setSize, size, setLanguage } = useConfigStore()
const route = useRoute()
</script>

<style>
.el-table .warning-row {
  --el-table-tr-bg-color: var(--el-color-warning-light-9);
}

.el-table .success-row {
  --el-table-tr-bg-color: var(--el-color-success-light-9);
}

</style>
